<template>
	<view class="mall-article-item">
		<image class="img" :src="img" mode=""></image>
		<view class="info">
			<text class="title">{{title}}</text>
			<text class="major">{{major}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			img:String,
			title:String,
			major:String
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="stylus">
	.mall-article-item
		background-color #FFFFFF
		display flex
		align-items center
		padding 20upx 20upx
		.img
			height 180upx
			width 180upx
			border-radius 10upx
			margin-right 29upx
		.info
			flex 1
			display flex
			flex-direction column
			justify-content center
			overflow hidden
			.title
				color #6F6F6F
				font-size 26upx
				margin-bottom 40upx
			.major
				color #A1A1A1
				font-size 22upx
				display: -webkit-box;
				overflow: hidden;
				text-overflow: ellipsis;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
		
</style>
